import { Skeleton } from "@/components/ui/skeleton";

export function DashboardSkeleton() {
	return (
		<div className="flex flex-1 flex-col gap-6 p-6">
			<div className="min-h-[100vh] flex-1 md:min-h-min grid md:grid-cols-5 gap-6">
				<div className="grid md:col-span-3 grid-rows-2 gap-6">
					<Skeleton className="rounded-xl bg-card border" />
					<Skeleton className="rounded-xl bg-card border" />
				</div>
				<Skeleton className="rounded-xl bg-card md:col-span-2 border" />
			</div>
		</div>
	);
}
